<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hover伪类</title>
    <style>
        /*
        作用：选中鼠标悬停在元素上的状态，设置样式
  ➢ 选择器语法：选择器:hover { css } ➢ 注意点：
  1. 伪类选择器选中的元素的某种状态
        */
        a:hover {
            color: red;
            background-color: green;
        }
    </style>
</head>
<body>
<a href="#">这是超链接</a>
</body>
</html>